<%--
<%--
  Created by IntelliJ IDEA.
  User: fangt
  Date: 2024/11/9
  Time: 00:02
  To change this template use File | Settings | File Templates.
--%>
<%--<%@ page contentType="text/html;charset=UTF-8" language="java" %>--%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <title>登入页面</title>
  <link rel="stylesheet" href="./Css/登入页面.css">
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>

<body>

<div class="box">
  <div class="left">
    <img src=".\img\御姐.jpg" alt="">
  </div>
  <div class="right">

    <form action="dengru,do" name="drjm"  method="post">
      <h1>登入</h1>
      <input type="text" class="inputItem" name="username" placeholder=" 请输入用户名" required>
      <input type="password" class="inputItem" name="password" placeholder=" 请输入密码" required>

      <a href="#" class="forgetPassword">
        忘记密码?
      </a>
      <%
        // 获取请求中的错误信息
        String errorMessage = (String) request.getAttribute("errorMessage");
        if (errorMessage != null && !errorMessage.isEmpty()) {
      %>
      <div style="color: red;"><%= errorMessage %></div>
      <%
        }
      %>
      <input type="submit" class="btn" value="登入"></input>

      <p>
  <a href="./注册.jsp" class="registerLink">立即注册</a>
      </p>
    </form>
    <%
      // 获取请求中的错误信息
      String zhanghao= (String) request.getAttribute("zhanghao");
      if (zhanghao != null && !zhanghao.isEmpty()) {
    %>
    <div style="color: red;"><%= zhanghao %></div>
    <%
      }
    %>
  </div>
</div>
<script>


  $(document).ready(function () {
    // 设置要滚动到的具体位置
    $('html, body').animate({ scrollTop: 400 }, 1500);  // 这里的 400 是目标位置，1500 是滚动动画持续时间（毫秒）
  });
</script>
</body>

</html>>
<%--// // 利用validateLogin函数验证登入--%>
<%--// function ValiditeLogin() {--%>
<%--//   // 获取登入页面信息--%>
<%--//   var username = document.forms["drjm"]["username"].value;--%>
<%--//   var password = document.forms["drjm"]["password"].value;--%>
<%--//   // 这里没有数据库，我就直接设置账户和密码了--%>
<%--//   var correctUsername = "fangtaotao";--%>
<%--//   var correctPassword = "123456";--%>
<%--//   // 验证用户名和密码是否为空--%>
<%--//   if (username === correctUsername && password === correctPassword) {--%>
<%--//     alert("登入成功！");--%>
<%--//     // 跳转到首页--%>
<%--//     window.location.href = "首页.jsp";--%>
<%--//   } else {--%>
<%--//     alert("用户名或密码错误！");--%>
<%--//   }--%>
<%--//   return false; // 阻止表单默认提交--%>
<%--// }--%>